<template>
  <div class="process-progress">
    <div class="plan-title q-mb-sm">处理进度</div>
    <div class="page-content">
              <q-table :data="tableData"
                       :columns="columns"
                       row-key="id"
                       class="myTable scroll stick-to-top inherit"
                       :pagination.sync="pagination"
                       style="max-height: 400px; margin: 0"
                       no-data-label="暂无数据"
                       :hide-bottom="tableData.length > 0"
                       color="primary">
              <template v-slot:body-cell-operationDate="props">
                      <q-td>
                        {{props.row.operationDate | toTime}}
                      </q-td>
              </template>
              <template v-slot:no-data>
                  <div class="full-width row flex-center font-size-14" style="color: #999">
                    暂无数据
                  </div>
              </template>
          </q-table>
    </div>
  </div>
</template>
<script>
export default {
  name: 'process-progress',
  props: {
    title: String
  },
  data () {
    return {
      pagination: {
        rowsPerPage: 0
      },
      tableData: [],
      columns: [
        { name: 'operationDate', label: '操作时间', align: 'left', field: 'operationDate' },
        { name: 'operator', label: '操作人', align: 'left', field: 'operator' },
        { name: 'description', label: '操作内容', align: 'left', field: 'description' }
      ]
    }
  },
  methods: {
    getList () {

    }
  }
}
</script>
<style lang="scss" scoped>
</style>
